.hot-page-content{
  min-height: calc(100vh - 95px);
  padding: 10px 10px;
  .books{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    min-height: 100vw;
    justify-content: space-between;
  }
  .book-detail{
    width: 25%;
    padding: 5px;
    margin-bottom: 10px;
    &.index-0{
      width: 100%;
      display: flex;
      .cover{
        width: 30vw;
        height: 40vw;
        img{
          width: 100%;
          height: 100%;
        }
      }
      .detail{
        flex: 1;
        padding-left: 10px;
        overflow: hidden;
        h3{
          font-size: 1rem;
          font-weight: bold;
        }
        .p1{
          color: #999;
          font-size: 0.8rem;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          padding: 5px 0;
        }
        .p2{
          font-size: 0.9rem;
          color: #666;
          max-height: 4rem;
          overflow: hidden;
        }
      }
    }
    .cover{
      img{
        width: 100%;
        height: 28vw;
      }
    }
    .detail{
      h3{
        font-size: 0.9rem;
        padding: 5px;
        text-align: center;
        font-weight: bold;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      .p1{
        font-size: 0.8rem;
        color: #999;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
    }
  }
  .reload-more{
    width: 100%;
    text-align: center;
    color: #999;
    padding: 15px 0;
    .icon{
      margin: 0 5px;
      color: #fe5623;
    }
  }
}